<!doctype html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Custom Bootstrap</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/demo.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_2791172_2m6ft69ijy2.css">
</head>

<body>
    <div id="app" class="h-100 d-flex align-items-center justify-content-center">
        <div id="app-body" class="d-flex flex-column-reverse flex-md-row w-100">
            <nav class="nav-bar border-end">
                <a class="d-none d-md-flex" href="/">AA</a>
                <div class="bar-item selected"><i class="icon iconfont icon-home2 fs-4"></i></div>
                <div class="bar-item"><i class="icon iconfont icon-explore fs-4"></i></div>
                <div class="bar-item"><i class="icon iconfont icon-heart fs-4"></i></div>
                <div class="bar-item"><i class="icon iconfont icon-user fs-4"></i></div>
                <div class="bar-item">
                    <a href="login.html"><i class="icon iconfont icon-settings fs-4"></i></a>
                </div>
            </nav>
            <div class="chat-bar border-end">
                <div class="px-3 py-2 d-flex align-items-center searin-input">
                    <input class="form-control" type="text">
                </div>
                <div class="chat-list">
                    <ul class="list-unstyled">
                        <li class="list-item">
                            <div class="d-flex">
                                <img class="avatar" src="img/avatar.jpg" alt="">
                                <a href="a.html">AI 确实是生产力（守旧的大老鼠落伍地感慨中</a>
                            </div>
                            <div class="item-count text-secondary">45</div>
                        </li>
                        <li class="list-item">
                            <div class="d-flex">
                                <img class="avatar" src="img/avatar.jpg" alt="">
                                <a href="a.html">两百多年前，人类经历了一场</a>
                            </div>
                            
                            <div class="item-count text-secondary">3</div>
                        </li>
                        <li class="list-item">
                            <div class="d-flex">
                                <img class="avatar" src="img/avatar.jpg" alt="">
                                <a href="a.html">AI 确实是生产力（守旧的大老鼠落伍地感慨中</a>
                            </div>
                            <div class="item-count text-secondary">45</div>
                        </li>
                        <li class="list-item">
                            <div class="d-flex">
                                <img class="avatar" src="img/avatar.jpg" alt="">
                                <a href="a.html">两百多年前，人类经历了一场工业革命。在接下来的时间里直至今天，这场革命对人类的体力到底造成了什么样的影响呢？</a>
                            </div>
                            
                            <div class="item-count text-secondary">3</div>
                        </li>
                        <li class="list-item">
                            <div class="d-flex">
                                <img class="avatar" src="img/avatar.jpg" alt="">
                                <a href="a.html">AI 确实是生产力（守旧的大老鼠落伍地感慨中</a>
                            </div>
                            <div class="item-count text-secondary">45</div>
                        </li>
                        <li class="list-item">
                            <div class="d-flex">
                                <img class="avatar" src="img/avatar.jpg" alt="">
                                <a href="a.html">两百多年前，人类经历了一场工业革命。在接下来的时间里直至今天，这场革命对人类的体力到底造成了什么样的影响呢？</a>
                            </div>
                            
                            <div class="item-count text-secondary">3</div>
                        </li>
                        <li class="list-item">
                            <div class="d-flex">
                                <img class="avatar" src="img/avatar.jpg" alt="">
                                <a href="a.html">AI 确实是生产力（守旧的大老鼠落伍地感慨中</a>
                            </div>
                            <div class="item-count text-secondary">45</div>
                        </li>
                        <li class="list-item">
                            <div class="d-flex">
                                <img class="avatar" src="img/avatar.jpg" alt="">
                                <a href="a.html">两百多年前，人类经历了一场工业革命。在接下来的时间里直至今天，这场革命对人类的体力到底造成了什么样的影响呢？</a>
                            </div>
                            
                            <div class="item-count text-secondary">3</div>
                        </li>
                        <li class="list-item">
                            <div class="d-flex">
                                <img class="avatar" src="img/avatar.jpg" alt="">
                                <a href="a.html">AI 确实是生产力（守旧的大老鼠落伍地感慨中</a>
                            </div>
                            <div class="item-count text-secondary">45</div>
                        </li>
                        <li class="list-item">
                            <div class="d-flex">
                                <img class="avatar" src="img/avatar.jpg" alt="">
                                <a href="a.html">两百多年前，人类经历了一场工业革命。在接下来的时间里直至今天，这场革命对人类的体力到底造成了什么样的影响呢？</a>
                            </div>
                            
                            <div class="item-count text-secondary">3</div>
                        </li>
                        <li class="list-item">
                            <div class="d-flex">
                                <img class="avatar" src="img/avatar.jpg" alt="">
                                <a href="a.html">AI 确实是生产力（守旧的大老鼠落伍地感慨中</a>
                            </div>
                            <div class="item-count text-secondary">45</div>
                        </li>
                        <li class="list-item">
                            <div class="d-flex">
                                <img class="avatar" src="img/avatar.jpg" alt="">
                                <a href="a.html">两百多年前，人类经历了一场工业革命。在接下来的时间里直至今天，这场革命对人类的体力到底造成了什么样的影响呢？</a>
                            </div>
                            
                            <div class="item-count text-secondary">3</div>
                        </li>
                        <li class="list-item">
                            <div class="d-flex">
                                <img class="avatar" src="img/avatar.jpg" alt="">
                                <a href="a.html">AI 确实是生产力（守旧的大老鼠落伍地感慨中</a>
                            </div>
                            <div class="item-count text-secondary">45</div>
                        </li>
                        <li class="list-item">
                            <div class="d-flex">
                                <img class="avatar" src="img/avatar.jpg" alt="">
                                <a href="a.html">两百多年前，人类经历了一场工业革命。在接下来的时间里直至今天，这场革命对人类的体力到底造成了什么样的影响呢？</a>
                            </div>
                            
                            <div class="item-count text-secondary">3</div>
                        </li>
                        <li class="list-item">
                            <div class="d-flex">
                                <img class="avatar" src="img/avatar.jpg" alt="">
                                <a href="a.html">AI 确实是生产力（守旧的大老鼠落伍地感慨中</a>
                            </div>
                            <div class="item-count text-secondary">45</div>
                        </li>
                        <li class="list-item">
                            <div class="d-flex">
                                <img class="avatar" src="img/avatar.jpg" alt="">
                                <a href="a.html">两百多年前，人类经历了一场工业革命。在接下来的时间里直至今天，这场革命对人类的体力到底造成了什么样的影响呢？</a>
                            </div>
                            
                            <div class="item-count text-secondary">3</div>
                        </li>
                        <li class="list-item">
                            <div class="d-flex">
                                <img class="avatar" src="img/avatar.jpg" alt="">
                                <a href="a.html">AI 确实是生产力（守旧的大老鼠落伍地感慨中</a>
                            </div>
                            <div class="item-count text-secondary">45</div>
                        </li>
                        <li class="list-item">
                            <div class="d-flex">
                                <img class="avatar" src="img/avatar.jpg" alt="">
                                <a href="a.html">两百多年前，人类经历了一场工业革命。在接下来的时间里直至今天，这场革命对人类的体力到底造成了什么样的影响呢？</a>
                            </div>
                            
                            <div class="item-count text-secondary">3</div>
                        </li>
                        
                    </ul>
                </div>
            </div>
            <div class="chat-box border-end">
                <div class="chat-header d-flex justify-content-between">
                    <strong>AI助手</strong>
                    <i class="icon iconfont icon-overflow-menu--horizontal fs-5"></i>
                </div>
                <div class="chat-body">
                    <div class="p-3">
                        <p>两百多年前，人类经历了一场<strong>工业革命</strong>。在接下来的时间里直至今天，这场革命对人类的<strong>体力</strong>到底造成了什么样的影响呢？</p><p>突然之间，很多人不需要再像以前那样每天做在今天看起来绝对是超量的体力劳动了…… 结果呢？结果异常明显且又不可否认：绝大多数人的体力都变差了。几代人之后，绝大多数人若是有机会坐时光机穿梭回两百年前，干脆就是<strong>非弱即残</strong>，一定是那个时代里最令人看不起的所谓<strong>手无缚鸡之力之辈</strong>。</p><p>当然，这个事实一直很隐蔽，因为科技的发展，物资的丰富，医疗技术的进步，营养供给的充足，这一切都造就了另外一个结果，人们的平均寿命增加了，从十九世纪末差不多 30 岁不到，到了二十一世纪初接近 80 岁…… 谁会觉得现代人的体力比古代人差很多又有什么了不起的呢？</p><p>让我们看看光谱的两端，一方面是绝大多数人的<strong>体力沉沦</strong>…… 另外一方面呢？有另外一群人却与此同时通过<strong>主动锻炼</strong>获得了古代人绝对不可能拥有的体力。</p><p>两百多年前，人类经历了一场<strong>工业革命</strong>。在接下来的时间里直至今天，这场革命对人类的<strong>体力</strong>到底造成了什么样的影响呢？</p><p>突然之间，很多人不需要再像以前那样每天做在今天看起来绝对是超量的体力劳动了…… 结果呢？结果异常明显且又不可否认：绝大多数人的体力都变差了。几代人之后，绝大多数人若是有机会坐时光机穿梭回两百年前，干脆就是<strong>非弱即残</strong>，一定是那个时代里最令人看不起的所谓<strong>手无缚鸡之力之辈</strong>。</p><p>当然，这个事实一直很隐蔽，因为科技的发展，物资的丰富，医疗技术的进步，营养供给的充足，这一切都造就了另外一个结果，人们的平均寿命增加了，从十九世纪末差不多 30 岁不到，到了二十一世纪初接近 80 岁…… 谁会觉得现代人的体力比古代人差很多又有什么了不起的呢？</p><p>让我们看看光谱的两端，一方面是绝大多数人的<strong>体力沉沦</strong>…… 另外一方面呢？有另外一群人却与此同时通过<strong>主动锻炼</strong>获得了古代人绝对不可能拥有的体力。</p><p>两百多年前，人类经历了一场<strong>工业革命</strong>。在接下来的时间里直至今天，这场革命对人类的<strong>体力</strong>到底造成了什么样的影响呢？</p><p>突然之间，很多人不需要再像以前那样每天做在今天看起来绝对是超量的体力劳动了…… 结果呢？结果异常明显且又不可否认：绝大多数人的体力都变差了。几代人之后，绝大多数人若是有机会坐时光机穿梭回两百年前，干脆就是<strong>非弱即残</strong>，一定是那个时代里最令人看不起的所谓<strong>手无缚鸡之力之辈</strong>。</p><p>当然，这个事实一直很隐蔽，因为科技的发展，物资的丰富，医疗技术的进步，营养供给的充足，这一切都造就了另外一个结果，人们的平均寿命增加了，从十九世纪末差不多 30 岁不到，到了二十一世纪初接近 80 岁…… 谁会觉得现代人的体力比古代人差很多又有什么了不起的呢？</p><p>让我们看看光谱的两端，一方面是绝大多数人的<strong>体力沉沦</strong>…… 另外一方面呢？有另外一群人却与此同时通过<strong>主动锻炼</strong>获得了古代人绝对不可能拥有的体力。</p><p>两百多年前，人类经历了一场<strong>工业革命</strong>。在接下来的时间里直至今天，这场革命对人类的<strong>体力</strong>到底造成了什么样的影响呢？</p><p>突然之间，很多人不需要再像以前那样每天做在今天看起来绝对是超量的体力劳动了…… 结果呢？结果异常明显且又不可否认：绝大多数人的体力都变差了。几代人之后，绝大多数人若是有机会坐时光机穿梭回两百年前，干脆就是<strong>非弱即残</strong>，一定是那个时代里最令人看不起的所谓<strong>手无缚鸡之力之辈</strong>。</p><p>当然，这个事实一直很隐蔽，因为科技的发展，物资的丰富，医疗技术的进步，营养供给的充足，这一切都造就了另外一个结果，人们的平均寿命增加了，从十九世纪末差不多 30 岁不到，到了二十一世纪初接近 80 岁…… 谁会觉得现代人的体力比古代人差很多又有什么了不起的呢？</p><p>让我们看看光谱的两端，一方面是绝大多数人的<strong>体力沉沦</strong>…… 另外一方面呢？有另外一群人却与此同时通过<strong>主动锻炼</strong>获得了古代人绝对不可能拥有的体力。</p><p>两百多年前，人类经历了一场<strong>工业革命</strong>。在接下来的时间里直至今天，这场革命对人类的<strong>体力</strong>到底造成了什么样的影响呢？</p><p>突然之间，很多人不需要再像以前那样每天做在今天看起来绝对是超量的体力劳动了…… 结果呢？结果异常明显且又不可否认：绝大多数人的体力都变差了。几代人之后，绝大多数人若是有机会坐时光机穿梭回两百年前，干脆就是<strong>非弱即残</strong>，一定是那个时代里最令人看不起的所谓<strong>手无缚鸡之力之辈</strong>。</p><p>当然，这个事实一直很隐蔽，因为科技的发展，物资的丰富，医疗技术的进步，营养供给的充足，这一切都造就了另外一个结果，人们的平均寿命增加了，从十九世纪末差不多 30 岁不到，到了二十一世纪初接近 80 岁…… 谁会觉得现代人的体力比古代人差很多又有什么了不起的呢？</p><p>让我们看看光谱的两端，一方面是绝大多数人的<strong>体力沉沦</strong>…… 另外一方面呢？有另外一群人却与此同时通过<strong>主动锻炼</strong>获得了古代人绝对不可能拥有的体力。</p><p>两百多年前，人类经历了一场<strong>工业革命</strong>。在接下来的时间里直至今天，这场革命对人类的<strong>体力</strong>到底造成了什么样的影响呢？</p><p>突然之间，很多人不需要再像以前那样每天做在今天看起来绝对是超量的体力劳动了…… 结果呢？结果异常明显且又不可否认：绝大多数人的体力都变差了。几代人之后，绝大多数人若是有机会坐时光机穿梭回两百年前，干脆就是<strong>非弱即残</strong>，一定是那个时代里最令人看不起的所谓<strong>手无缚鸡之力之辈</strong>。</p><p>当然，这个事实一直很隐蔽，因为科技的发展，物资的丰富，医疗技术的进步，营养供给的充足，这一切都造就了另外一个结果，人们的平均寿命增加了，从十九世纪末差不多 30 岁不到，到了二十一世纪初接近 80 岁…… 谁会觉得现代人的体力比古代人差很多又有什么了不起的呢？</p><p>让我们看看光谱的两端，一方面是绝大多数人的<strong>体力沉沦</strong>…… 另外一方面呢？有另外一群人却与此同时通过<strong>主动锻炼</strong>获得了古代人绝对不可能拥有的体力。</p>
                    </div>

                </div>
                <div class="chat-footer border-top"></div>
            </div>
        </div>
    </div>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.bundle.min.js"></script>
</body>

</html>